<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../styles/header.css">
    <link rel="stylesheet" href="../styles/normalize.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/homePage.css">
</head>

<body>
    <!-- header -->
    <div class="header">

        <div class="header1">
            <div class="header1BG box1200">
                <p>欢迎光临乐购,&nbsp;请&nbsp;<a href="javascrpt:;">登录</a>/<a href="javascript:;">注册</a></p>
            </div>
        </div>
        <div class="header2 box1200">
            <img src="../images/images/logoBG.gif" alt="" srcset="">
            <a href="JavaScript:;">乐购<br>生活</a>
            <form action="#">
                <input type="text">
                <input type="submit" value="">
            </form>
            <p><a href="javascript:;">购物车</a><a href="javascript:;">我的订单</a></p>
        </div>
        <div class="header3 box1200">
            <div class="header3-left ">
                <p>全部商品分类</p>
            </div>
            <div class="nav">
                <ul>
                    <li>图书</li>
                    <li>电子书</li>
                    <li>原创文学</li>
                    <li>服装</li>
                    <li>运动户外</li>
                    <li>孕婴童</li>
                    <li>家居</li>
                    <li>创意文具</li>
                    <li>地方特产</li>
                    <li>海外购</li>
                    <li>电器城</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header end-->

    <!-- homePage -->
    <div id="homePage">
        <div class="homeNav">
            <ul>
                <li>
                    <p> 创意文具</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 服饰、内衣</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 鞋靴、箱包</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 运动户外</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 孕、婴、童</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 家居、家纺、汽车</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 家具、家装、康体</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 美妆、个人护理、成人</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p>食品、茶酒、生鲜</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 腕表、珠宝、眼镜</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 手机、数码</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p>电脑办公</p>
                    <div class="banner"></div>
                </li>
                <li>
                    <p> 家用电器</p>
                    <div class="banner"></div>
                </li>
            </ul>


        </div>
    </div>
    <!-- homePage end -->


    <!-- footer -->
    <div id="footer">
        <div class="footer1"></div>
        <div class="footer2">
            <div class="footer2-content">
                <img src="../images/images/222_11.png" alt="" srcset="">
                <img src="../images/images/222_13.png" alt="" srcset="">
                <img src="../images/images/222_15.png" alt="" srcset="">
                <img src="../images/images/222_17.png" alt="" srcset="">

            </div>
        </div>
        <div class="footer3">
            <div class="footer3BG"></div>
            <div class="footer3-content">
                <div class="footer3-1 flex">
                    <p>购物指南</p>
                    <a href="javascript:;">购物流程</a>
                    <a href="javascript:;">发票制度</a>
                    <a href="javascript:;">账户管理</a>
                    <a href="javascript:;">会员优惠</a>
                </div>
                <div class="footer3-2 flex">
                    <p>支付方式</p>
                    <a href="javascript:;">货到付款</a>
                    <a href="javascript:;">网上支付</a>
                    <a href="javascript:;">礼品卡支付</a>
                    <a href="javascript:;">银行转帐</a>
                </div>
                <div class="footer3-3 flex">
                    <p>订单服务</p>
                    <a href="javascript:;">订单配送查询</a>
                    <a href="javascript:;">订单状态说明</a>
                    <a href="javascript:;">自助取消订单</a>
                    <a href="javascript:;">自助修改订单</a>
                </div>
                <div class="footer3-4 flex">
                    <p> 退换货</p>
                    <a href="javascript:;">退换货政策</a>
                    <a href="javascript:;">自助申请退换货</a>
                    <a href="javascript:;">退换货进度查询</a>
                    <a href="javascript:;">退款方式和时间</a>
                </div>
                <div class="footer3-5 flex">
                    <p> 商家服务</p>
                    <a href="javascript:;">商家中心</a>
                    <a href="javascript:;">运营服务</a>
                    <a href="javascript:;">加入尾品汇</a>
                    <a href="javascripy:;">&nbsp;</a>
                </div>
            </div>
        </div>
        <div class="footer4">
            <p>
                <a href="javascript:;"> 公司简介</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">Investor Relations</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">网站联盟</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">乐购招商</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">机构销售</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">手机乐购</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">官方Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:;">热词搜索</a>
            </p>
        </div>
        <div class="footer5">
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
    <!-- footer end -->
</body>

</html>